<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心-智能家居</title>
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="content-box">

    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html">设计+</a>
                    </li>
                    <li>
                        <a href="fengshui_info_list.htm">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="comment.html">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="shop_index.html">悠生活商城</a>
                    </li>
                    <li>
                        <a href="complaint.html">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>



    <div class="visual-box">
        <div class="order-box clearfloat">
            <div class="menu-bg"></div>
            <div class="order-menu">
                <h2>
                    用户中心
                </h2>
                <ul>
                    <li>
                        <a href="#" f-href="real-size.html" class="mg-top-13">
                            <label class="menu-1"></label>
                            我的户型图
                        </a>
                    </li>
                    <li>
                        <a href="#" f-href="home.html">
                            <label class="menu-2"></label>
                            我的生活家
                        </a>
                    </li>
                    <li class="down-top">
                        <a href="javascript:void(0)" onclick="menuClick(this)">
                            <label class="menu-3"></label>
                            我的订单
                            <i></i>
                        </a>
                        <ul>
                            <li>
                                <a href="#" f-href="home-order.html">
                                    定制家装订单
                                </a>
                            </li>
                            <li>
                                <a href="#" f-href="order-list.html" class="active">
                                    商城订单
                                </a>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="menuClick(this)">
                            <label class="menu-4"></label>
                            我的工程
                            <i></i>
                        </a>
                        <ul>
                            <li>
                                <a href="#" f-href="plan.html">
                                    设计图
                                </a>
                            </li>
                            <li>
                                <a href="#" f-href="schedul.html">
                                    装修进度
                                </a>
                            </li>
                            <li>
                                <a href="#" f-href="inspected.html">
                                    验收情况
                                </a>
                            </li>
                            <li>
                                <a href="#" f-href="hot-review.html">
                                    悠居热评
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    我的工程
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" f-href="feedback.html">
                            <label class="menu-5"></label>
                            意见反馈
                        </a>
                    </li>
                    <li>
                        <a href="#" f-href="personal_information.html">
                            <label class="menu-6"></label>
                            个人信息
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <label class="menu-7"></label>
                            密码设置
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <label class="menu-8"></label>
                            注销登录
                        </a>
                    </li>

                </ul>



            </div>
            <iframe src="order-list.html" class="oeder-iframe" id="external-frame" onload="this.height=100"></iframe>

            <!--<div class="order-right">-->

                <!--<h4>-->
                    <!--我的订单 > 智能家居-->
                <!--</h4>-->
                <!--<div class="order-title clearfloat">-->
                    <!--<div class="order-td-1">-->
                        <!--品名-->
                    <!--</div>-->
                    <!--<div class="order-td-2">-->
                        <!--单价-->
                    <!--</div>-->
                    <!--<div class="order-td-3">-->
                        <!--数量-->
                    <!--</div>-->
                    <!--<div class="order-td-4">-->
                        <!--金额-->
                    <!--</div>-->
                    <!--<div class="order-td-4">-->
                        <!--状态-->
                    <!--</div>-->
                    <!--<div class="order-td-4">-->
                        <!--操作-->
                    <!--</div>-->
                <!--</div>-->

                <!--<div class="order-list">-->
                    <!--<div class="list-title">-->
                        <!--<p class="agreement">-->
                            <!--<i class="pitchOn"><input type="checkbox" name="" ></i>-->
                            <!--<time>2018-2-13</time>-->
                            <!--订单号：123875536-->
                            <!--<label>-->
                                <!--蓝光长岛国际社区2栋1单元135平-->
                            <!--</label>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<table cellspacing="0" cellpadding="0" class="list-table">-->
                        <!--<tr>-->
                            <!--<td class="clearfloat">-->
                                <!--<div class="left-img">-->
                                    <!--<img src="img/order-1.jpg" />-->
                                <!--</div>-->
                                <!--<div class="right-text">-->
                                    <!--坚果投影仪 金属机身／随身影院／HIFI音响-->
                                    <!--<p>-->
                                        <!--座位号：海量内容资源，看不完的精彩-->
                                    <!--</p>-->
                                <!--</div>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--¥148.00-->
                            <!--</td>-->
                            <!--<td class="order-td-2">-->
                                <!--3-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--¥673537.00-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--待确认-->
                            <!--</td>-->
                            <!--<td class="order-td-2 left-border">-->
                                <!--<a href="#" class="del-list">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->

                <!--<div class="order-list">-->
                    <!--<div class="list-title">-->
                        <!--<p class="agreement">-->
                            <!--<i class="pitchOn"><input type="checkbox" name="" ></i>-->
                            <!--<time>2018-2-13</time>-->
                            <!--订单号：123875536-->
                            <!--<label>-->
                                <!--蓝光长岛国际社区2栋1单元135平-->
                            <!--</label>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<table cellspacing="0" cellpadding="0" class="list-table">-->
                        <!--<tr>-->
                            <!--<td class="clearfloat">-->
                                <!--<div class="left-img">-->
                                    <!--<img src="img/order-1.jpg" />-->
                                <!--</div>-->
                                <!--<div class="right-text">-->
                                    <!--坚果投影仪 金属机身／随身影院／HIFI音响-->
                                    <!--<p>-->
                                        <!--座位号：海量内容资源，看不完的精彩-->
                                    <!--</p>-->
                                <!--</div>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--¥148.00-->
                            <!--</td>-->
                            <!--<td class="order-td-2">-->
                                <!--3-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--¥673537.00-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--待确认-->
                            <!--</td>-->
                            <!--<td class="order-td-2 left-border">-->
                                <!--<a href="#" class="del-list">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->

                <!--<div class="order-list">-->
                    <!--<div class="list-title">-->
                        <!--<p class="agreement">-->
                            <!--<i class="pitchOn"><input type="checkbox" name="" ></i>-->
                            <!--<time>2018-2-13</time>-->
                            <!--订单号：123875536-->
                            <!--<label>-->
                                <!--蓝光长岛国际社区2栋1单元135平-->
                            <!--</label>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<table cellspacing="0" cellpadding="0" class="list-table">-->
                        <!--<tr>-->
                            <!--<td class="clearfloat">-->
                                <!--<div class="left-img">-->
                                    <!--<img src="img/order-1.jpg" />-->
                                <!--</div>-->
                                <!--<div class="right-text">-->
                                    <!--坚果投影仪 金属机身／随身影院／HIFI音响-->
                                    <!--<p>-->
                                        <!--座位号：海量内容资源，看不完的精彩-->
                                    <!--</p>-->
                                <!--</div>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--¥148.00-->
                            <!--</td>-->
                            <!--<td class="order-td-2">-->
                                <!--3-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--¥673537.00-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--待确认-->
                            <!--</td>-->
                            <!--<td class="order-td-2 left-border">-->
                                <!--<a href="#" class="del-list">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->

                <!--<div class="order-list">-->
                    <!--<div class="list-title">-->
                        <!--<p class="agreement">-->
                            <!--<i class="pitchOn"><input type="checkbox" name="" ></i>-->
                            <!--<time>2018-2-13</time>-->
                            <!--订单号：123875536-->
                            <!--<label>-->
                                <!--蓝光长岛国际社区2栋1单元135平-->
                            <!--</label>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<table cellspacing="0" cellpadding="0" class="list-table">-->
                        <!--<tr>-->
                            <!--<td class="clearfloat">-->
                                <!--<div class="left-img">-->
                                    <!--<img src="img/order-1.jpg" />-->
                                <!--</div>-->
                                <!--<div class="right-text">-->
                                    <!--坚果投影仪 金属机身／随身影院／HIFI音响-->
                                    <!--<p>-->
                                        <!--座位号：海量内容资源，看不完的精彩-->
                                    <!--</p>-->
                                <!--</div>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--¥148.00-->
                            <!--</td>-->
                            <!--<td class="order-td-2">-->
                                <!--3-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--¥673537.00-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--待确认-->
                            <!--</td>-->
                            <!--<td class="order-td-2 left-border">-->
                                <!--<a href="#" class="del-list">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->

                <!--<div class="order-list">-->
                    <!--<div class="list-title">-->
                        <!--<p class="agreement">-->
                            <!--<i class="pitchOn"><input type="checkbox" name="" ></i>-->
                            <!--<time>2018-2-13</time>-->
                            <!--订单号：123875536-->
                            <!--<label>-->
                                <!--蓝光长岛国际社区2栋1单元135平-->
                            <!--</label>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<table cellspacing="0" cellpadding="0" class="list-table">-->
                        <!--<tr>-->
                            <!--<td class="clearfloat">-->
                                <!--<div class="left-img">-->
                                    <!--<img src="img/order-1.jpg" />-->
                                <!--</div>-->
                                <!--<div class="right-text">-->
                                    <!--坚果投影仪 金属机身／随身影院／HIFI音响-->
                                    <!--<p>-->
                                        <!--座位号：海量内容资源，看不完的精彩-->
                                    <!--</p>-->
                                <!--</div>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--¥148.00-->
                            <!--</td>-->
                            <!--<td class="order-td-2">-->
                                <!--3-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--¥673537.00-->
                            <!--</td>-->
                            <!--<td class="order-td-4 left-border">-->
                                <!--待确认-->
                            <!--</td>-->
                            <!--<td class="order-td-2 left-border">-->
                                <!--<a href="#" class="del-list">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</table>-->
                <!--</div>-->

                <!--<div class="comment-page">-->
                    <!--<a href="#" class="jinyong-bt">-->
                        <!--上一页-->
                    <!--</a>-->
                    <!--<a href="#" class="comment_active">-->
                        <!--1-->
                    <!--</a>-->
                    <!--<a href="#">-->
                        <!--2-->
                    <!--</a>-->
                    <!--...-->
                    <!--<a href="#">-->
                        <!--10-->
                    <!--</a>-->
                    <!--<a href="#">-->
                        <!--下一页-->
                    <!--</a>-->

                <!--</div>-->

            <!--</div>-->
        </div>


    </div>


    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- login start -->
<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>
</body>

<script src="js/app.js"></script>
<script>
    $(".order-menu li").click(function () {
        if($(this).find("i").length == 0){
            $(".order-menu li a").removeClass("active");
            $(this).find("a").addClass("active");
        }
    })

    $(".order-menu a").click(function () {
        if($(this).attr("f-href") !== undefined){
            $("#external-frame").attr("src",$(this).attr("f-href"));
        }
    })

    function menuClick(e) {
        var menuName = e.parentNode.className;
        if(menuName == "down-top"){
            e.parentNode.className = "";
        }else {
            e.parentNode.className = "down-top";
        }
    }



    function reinitIframe(){
        var iframe = document.getElementById("external-frame");
        try{
            var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
            var height = Math.max(bHeight, dHeight);
            iframe.height = height;
        }catch (ex){}
    }
    window.setInterval("reinitIframe()", 200);
</script>
</html>